$(function () {

    //自定义校验规则
    layui.form.verify({
        //自定义校验规则(验证两个密码框的值是否一样,如果想同校验通过:否则校验失败)
        rePwd: function (val) {
            //获取到密码框的值
            const pwd = $('.reg-box [name="password"]').val().trim()
            if (val !== pwd) {
                return '两次密码不正确!'
            }
        },
        //校验密码长度的验证规则
        pwd: [/^[\S]{6,12}$/, '密码的长度为6-12位,且不能包含空格!']
    })

    //点击去注册的链接
    $('#link-reg').on('click', function () {
        //展示注册盒子
        $('.reg-box').show()
        //隐藏登录盒子
        $('.login-box').hide()
    })

    //点击了去登录的链接
    $('#link-login').on('click', function () {
        //展示登录盒子
        $('.login-box').show()
        //隐藏注册盒子
        $('.reg-box').hide()
    })

    //为注册的表单绑定submit事件
    $('.reg-box').on('submit', function (e) {
        //1,阻止默认提交
        e.preventDefault()
        //2,发送Ajax请求e
        $.ajax({
            type: 'POST',
            url: '/api/reguser',
            data: {
                username: $('.reg-box [name="username"]').val().trim(),
                password: $('.reg-box [name="password"]').val().trim()
            },
            success: function (res) {
                if (res.status === 0) {
                    //注册成功
                    layer.msg('注册成功,请登录')
                    // 成功后模拟点击转到登录页
                    $('#link-login').click()
                } else {
                    //注册失败
                    layer.msg(res.message)
                }
            }

        })
    })

    //为登录表单绑定submit事件
    $('.login-box form').on('submit', function (e) {
        //阻止表单默认行为
        e.preventDefault()
        //发起Ajax请求
        $.ajax({
            type: 'POST',
            url: '/api/login',
            data: $(this).serialize(),
            success: function (res) {
                //登录成功
                if (res.status === 0) {
                    layer.msg('登录成功')
                    // 把拿到的token的值,存储到localStorage中
                    localStorage.setItem('token', res.token)
                    // 跳转到index.html页面
                    location.href = 'index.html'
                } else {
                    layer.msg(res.message)
                }
            }
        })
    })


})